fix(a11y): add ARIA attributes to goal progress bar (#950)#988
Conversation
|
@aaradhyasinghai-ux is attempting to deploy a commit to the PRIYANSHU DOSHI's projects Team on Vercel. A member of the Team first needs to authorize it. |
github-actions
Bot
added
gssoc26
GSSoC Label Checklist 🏷️@Priyanshu-byte-coder — please apply the appropriate labels before merging: Difficulty (pick one):
Quality (optional):
Validation (required to score):
|
![github-actions[bot]](https://avatars.githubusercontent.com/in/15368?s=60&v=4){kind=small}
There was a problem hiding this comment.
Thanks for your first PR on DevTrack! 🎉
A maintainer will review it within 48 hours. While you wait:
- Make sure CI is passing (type-check + lint)
- Double-check the PR description is filled out and the issue is linked
- Feel free to ask questions in Discussions if you need help
If you find DevTrack useful, a ⭐ star on the repo is always appreciated — it helps the project grow and attract more contributors!
|
Closing as duplicate of #1005 which covers the same ARIA fix with additional unit tests and e2e coverage. Thank you for the contribution! Please check out other open issues to contribute. |
2 participants
Summary
Adds role="progressbar" with aria-valuenow, aria-valuemin,
aria-valuemax, and aria-label to the GoalTracker progress bar
to meet WCAG 2.1 Level A requirement 1.3.1 (Info and Relationships).
Changes
src/components/GoalTracker.tsx: added 4 ARIA attributes tothe progress bar div
Closes #950